<template>
  <el-dialog
      :title=title
      :show-close="false"
      :visible.sync="dialogVisible"
      :close-on-click-modal="false"
      v-dialog-drag
      width="20%">
    <div slot="title">
      <span>{{title}}</span>
    </div>
    <div>
      <slot name="form"></slot>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button size="mini" @click="handleCancelClick">取 消</el-button>
      <el-button size="mini" class="myBtn" type="primary" @click="handleOkClick">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: "BaseDialog",
  props: {
    title: {
      type: String
    },
    handleCancel: {
      type: Function
    },
    handleOk: {
      type: Function
    },
    dialogVisible: {
      type: Boolean
    },

  },
  data() {
    return {

    }
  },

  methods: {
    handleCancelClick() {

    },
    handleOkClick() {

    }
  }

}
</script>

<style scoped>

</style>